<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CONVERSE匡威官方网站,美国著名帆布鞋品牌,辉煌历史创于1908年,代表永恒不灭的原创力。匡威官网独家限量发售匡威帆布鞋,板鞋,T恤衫,卫衣,外套夹克,牛仔裤,短裤,双肩包等匡威产品,街头潮流,滑板文化,匡威为你提供全面的装备。</title>

    <link rel="shortcut icon" href=" favicon.ico" />
   <link rel="stylesheet" href="./css/header.css">
   <link rel="stylesheet" href="./css/CONVERSE.css">
    <link
      rel="stylesheet"
      href="http:////at.alicdn.com/t/font_2733095_f9zf7yqw5l.css"
    />
    <style>
        .main{
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.main>div:nth-of-type(1){
    width: 20%;
    height: 400px;
    /* background-color: hotpink; */
    margin-right: 100px;
}
.main>div:nth-of-type(2){
    width: 20%;
    height: 400px;
    /* background-color: red; */
    margin-right: 100px;
}
.main>div:nth-of-type(3){
    width: 20%;
    height: 400px;
    /* background-color: yellowgreen; */
}
.main>div:nth-of-type(1)>input:nth-of-type(1){
    width: 300px;
    height: 40px;
    margin-bottom: 20px;
    border: gray 1px solid;
}
.main>div:nth-of-type(1)>input:nth-of-type(2){
    width: 300px;
    height: 40px;
    margin-bottom: 20px;
    border: gray 1px solid;
}
.main>div:nth-of-type(1)>input:nth-of-type(3){
    width: 130px;
    height: 40px;
    margin-bottom: 20px;
    border: gray 1px solid;
}
.main>div:nth-of-type(1)>input:nth-of-type(4){
    width: 130px;
    height: 40px;
    text-align: center;
    font-size: 25px;
    border: gray 1px solid;
    margin-left: 25px;
}
.main>div:nth-of-type(1)>p:nth-of-type(4){
    padding-left: 200px;
}
.main>div:nth-of-type(2)>input:nth-of-type(1){
    width: 300px;
    height: 40px;
    margin-bottom: 20px;
    border: gray 1px solid;
}
.main>div:nth-of-type(2)>input:nth-of-type(2){
    width: 300px;
    height: 40px;
    margin-bottom: 20px;
    border: gray 1px solid;
}
.main>div:nth-of-type(2)>input:nth-of-type(3){
    width: 130px;
    height: 40px;
    margin-bottom: 20px;
    border: gray 1px solid;
}
.main>div:nth-of-type(2)>input:nth-of-type(4){
    width: 130px;
    height: 40px;
    background-color: gray;
    text-align: center;
    font-size: 14px;
    border: gray 1px solid;
    margin-left: 25px;
    color: white;
   
}
.main>div:nth-of-type(3)>input:nth-of-type(2){
    margin-left: 140px;
    margin-bottom: 20px;
    border: gray 1px solid;
}
.main>div:nth-of-type(3)>p:nth-of-type(1){
    padding-bottom: 25px;
}
.main>div:nth-of-type(3)>p:nth-of-type(2){
    padding-top: 18px;
    padding-bottom: 25px;
}
.main>div:nth-of-type(3)>p:nth-of-type(1){
    padding-bottom: 25px;
}
.main>div:nth-of-type(3)>input:nth-of-type(3){
    margin-top: 28px;
}
.ipt6{
    width: 300px;
    height: 40px;
    border: #000 solid 1px;
    text-align: center;
    color: white;
    margin-top: 10px;
    background-color: #3333;
    font-size: 18px;
}

    </style>
    
  </head>
  <body>
    <!-- 头部 -->
  
    <div class="header">
    <div class="header-content">
        <a href="http://127.0.0.1/kv/CONVERSE.html">
        <i class="iconfont icon-CONVERSELOGO"></i> 
        </a>
        <span> 
        <i class="iconfont icon-bangzhu"></i> 
        </span>
        <span>
        <i class="iconfont icon-sousuo"></i>
        </span>
        <span>
        <i class="iconfont icon-liaotian"></i> 
        </span>
        <span>
        购物车
        </span>
        
        <span>
        <i class="iconfont icon-denglu"></i> 
        </span>
        <span style="margin-right: -40px;"><a href="">登录 /</a> <a href="http://127.0.0.1/kv/register.html">注册</a></span>
    </div>
    <div class="header-box"></i></div>
    </div>
    <div class="main">
        <div>
            <p>手机号码*</p>
            <input type="text" placeholder="135xxx33333" id="uName">
            <p> 输入密码*</p>
            <input type="password" placeholder="密码至少为8位字符" id="uPwd">
            <p> 验证码</p>
            <input type="text" placeholder="请输入验证码">
            <input type="text" placeholder="fdsa" >
            <p>换一张</p>
        </div>
        <div>
            <p>邮箱*</p>
            <input type="text" placeholder="example@converse.com">
            <p>确认密码</p>
            <input type="text" placeholder="请再次输入密码">
            <p>短信验证吗</p>
            <input type="text">
            <input type="text" value="发送短信验证码">
        </div>
        <div>
            <p>性别*</p>
            <input type="radio">男的  
            <input type="radio">女的
            <p>生日 （年-月-日）*</p>
            <select>
                <option value="">2021</option>
                <option value="">2020</option>
                <option value="">2019</option>
                <option value="">2018</option>
                <option value="">2017</option>
                <option value="">2016</option>
                <option value="">2015</option>
                <option value="">2014</option>
                <option value="">2013</option>
                <option value="">2012</option>
                <option value="">2011</option>
            </select>
            <select>
                <option value="">1</option>
                <option value="">2</option>
                <option value="">3</option>
                <option value="">4</option>
                <option value="">5</option>
                <option value="">6</option>
                <option value="">7</option>
                <option value="">8</option>
                <option value="">9</option>
                <option value="">10</option>
                <option value="">11</option>
                <option value="">12</option>
            </select>
            <select>
                <option value="">1</option>
                <option value="">2</option>
                <option value="">3</option>
                <option value="">4</option>
                <option value="">5</option>
                <option value="">6</option>
                <option value="">7</option>
                <option value="">8</option>
                <option value="">9</option>
                <option value="">10</option>
                <option value="">11</option>
                <option value="">12</option>
                <option value="">13</option>
                <option value="">14</option>
                <option value="">15</option>
                <option value="">16</option>
                <option value="">17</option>
                <option value="">18</option>
                <option value="">19</option>
                <option value="">20</option>
                <option value="">21</option>
                <option value="">22</option>
                <option value="">23</option>
                <option value="">24</option>
                <option value="">25</option>
                <option value="">26</option>
                <option value="">27</option>
                <option value="">28</option>
                <option value="">29</option>
                <option value="">30</option>
                <option value="">31</option>
              
            </select><br>
            <input class="ipt5" type="checkbox" style="font-size: 12px;">一旦创建账户，即表明您同意匡威更新的隐私政策和使用规则
            <input class="ipt6 regBtn"type="submit" value="注册账户">
        </div>
    </div>
</body>
</html>
<script src="./ajax.js"></script>
<script src="./jQuery.js"></script>
<script>
    let oipt1 = document.querySelector("#uName");
    let oipt2 = document.querySelector("#uPwd");
    let oipt6 = document.querySelector(".ipt6");
    oipt6.onclick = function(){
        $.ajax({
       url: "http://127.0.0.1/kv/register.php",
       type: "post",
       data: {
        userName: $("#uName").val(),
        userPswd: $("#uPwd").val(),
       },
       success: function(account) {
        // debugger
        console.log(account);
        if (account == 1) {
         alert("账号已注册");
        } else {
         alert("注册成功 去登录");
       }
    }
})
    };
</script>